<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name = "referrer" content = "no-referrer">
    <title>统一登录</title>
</head>
<style>body.center {
    text-align: center;
}
</style>
<body class="center">
<div>
    <h1>用户统一登录界面</h1>
    // 用本地相对地址容易出问题，故使用网络地址 
    <img src="https://gitee.com/gaohongcheng/pic/raw/master/goodbye.png" alt="" width="250"/>
</div>
<div>
    <form name="loginForm" action="/sso/login" method="POST" accept-charset="UTF-8">
        <div>用户名：<input placeholder="请输入用户名"  name="username" type="text"/></div>
        <div>密&nbsp;&nbsp;&nbsp;码：<input placeholder="请输入密码"  name="password" type="text"/></div>
        <div>地&nbsp;&nbsp;&nbsp;址：<input placeholder="请输入访问地址" name="redirectUrl" type="text" th:value="${redirectUrl}" /></div>
        <div>提&nbsp;&nbsp;&nbsp;示：<input placeholder="提示信息" name="msg" type="text" th:value="${msg}" /></div>

        <input class="login-button" type="submit" value="登录"/>
        <input class="reset-button" type="reset" value="重置"/>
    </form>
</div>
</body>
</html>

<style scoped lang="scss">
.login-button { /* 按钮美化 */
width: 50px; /* 宽度 */
height: 30px; /* 高度 */
border-width: 1px; /* 边框宽度 */
border-radius: 3px; /* 边框半径 */
background: #1E90FF; /* 背景颜色 */
cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
outline: none; /* 不显示轮廓线 */
font-family: Microsoft YaHei; /* 设置字体 */
color: white; /* 字体颜色 */
font-size: 15px; /* 字体大小 */
}


.login-button:hover { /* 鼠标移入按钮范围时改变颜色 */
background: #5599FF;}
  .reset-button { /* 按钮美化 */
    width: 50px; /* 宽度 */
    height: 30px; /* 高度 */
    border-width: 1px; /* 边框宽度 */
    border-radius: 3px; /* 边框半径 */
    background: green; /* 背景颜色 */
    cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
    outline: none; /* 不显示轮廓线 */
    font-family: Microsoft YaHei; /* 设置字体 */
    color: white; /* 字体颜色 */
    font-size: 15px; /* 字体大小 */
  }
  .reset-button:hover { /* 鼠标移入按钮范围时改变颜色 */
    background: darkseagreen;}
</style>